<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<link href="../../css/style.css" rel="stylesheet" type="text/css" />
<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tbody>
		<tr>
			<td colspan="3">
				<div class="blue-text16" style="margin: 0px;">
					<s:text name="addCreditCard.para2"></s:text>
				</div>
				<div class="header-separator-bg" style="margin: 10px 5px 17px 0px;"></div>
				<div class="common-text" style="margin: 0px 0px 10px;"></div>
			</td>
		</tr>
	</tbody>
</table>



<s:form onsubmit="return true;" action="addCreditCardSubmit.htm" method="post">
	<table>
		<tbody>
			<tr>
				<td width="100%" colspan="3" class="common-text">
					<s:text name="addCreditCard.para1"></s:text>
				</td>

			</tr>
			<tr>
				<td>
					<s:actionmessage cssClass="error-text"/>
					<s:actionerror cssClass="error-text"/>
					<s:fielderror cssClass="error-text"/>
				</td>
			</tr>
			<tr>
				<td align="right">
					<span class="search-text"><s:text name="addCreditCard.firstname"></s:text> </span>
				</td>

				<td colspan="2">
					<s:hidden name="creditcard.creaditCardId" value="%{creditcard.creaditCardId}" ></s:hidden>
					<s:textfield theme="simple" name="creditcard.firstName" cssClass="textfield" />
				</td>
			</tr>
			<tr>
				<td align="right">
					<span class="search-text"><s:text name="addCreditCard.lastname"></s:text> </span>
				</td>
				<td colspan="2">
					<s:textfield theme="simple" name="creditcard.lastName" cssClass="textfield" />
				</td>
			</tr>

			<tr>
				<td align="right">
					<span class="search-text"> <s:text name="addCreditCard.cardnumber"></s:text> </span>
				</td>

				<td colspan="2">
					<s:textfield theme="simple" name="creditcard.cardNumber" size="20" cssClass="textfield" />
				</td>
			</tr>
			<tr>

				<td align="right">
					<span class="search-text"><s:text name="addCreditCard.nameoncard"></s:text> </span>
				</td>
				<td colspan="2">
					<s:textfield theme="simple" name="creditcard.nameOnCard" cssClass="textfield" />
				</td>
			</tr>
			<tr>
				<td align="right">
					<span class="search-text"><s:text name="addCreditCard.type"></s:text> </span>
				</td>
				<td colspan="2">
					<s:select list="creditCardTypeList" theme="simple" listKey="id" listValue="type" name="creditcard.creditCardType.id" cssClass="textfield"></s:select>

				</td>

			</tr>
			<tr>
				<td align="right">
					<span class="search-text"><s:text name="addCreditCard.expirationmonth"></s:text> </span>
				</td>
				<td>

					<select name="creditcard.exMonth" size="1" class="textfield">
						<option value="01">
							01
						</option>
						<option value="02">
							02
						</option>
						<option value="03">
							03
						</option>

						<option value="04">
							04
						</option>
						<option value="05">
							05
						</option>
						<option value="06">
							06
						</option>
						<option value="07">

							07
						</option>
						<option value="08">
							08
						</option>
						<option value="09">
							09
						</option>

						<option value="10">
							10
						</option>

						<option value="11">
							11
						</option>
						<option value="12">
							12
						</option>
					</select>
				</td>
			</tr>
			<tr>

				<td align="right">
					<span class="search-text"><s:text name="addCreditCard.expirationyear"></s:text> </span>
				</td>

				<td>
					<select name="creditcard.exYear" size="1" class="textfield">
						<option value="07">
							07
						</option>
						<option value="08" selected="selected">
							08
						</option>
						<option value="09">
							09
						</option>
						<option value="10">
							10
						</option>
						<option value="11">
							11
						</option>
						<option value="12">
							12
						</option>
						<option value="13">
							13
						</option>
						<option value="14">
							14
						</option>
						<option value="15">
							15
						</option>
						<option value="16">
							16
						</option>
						<option value="17">
							17
						</option>
					</select>
				</td>

			</tr>
			<tr>

				<td valign="top" width="25%" align="right" nowrap="nowrap">
					<span class="search-text"><s:text name="addCreditCard.cardverificationnumber"></s:text> </span>
				</td>
				<td valign="top" width="25%">
					<s:textfield theme="simple" name="creditcard.cvn" cssClass="textfield" size="10"/>
				</td>
				<td width="50%" class="common-text">
					<s:text name="addCreditCard.para3"></s:text>
				</td>
			</tr>

			<tr>
				<td valign="top" width="25%" align="right" nowrap="nowrap">
					<span class="search-text"><s:text name="addCreditCard.issuenumber"></s:text> </span>
				</td>

				<td valign="top" width="25%">
					<s:textfield theme="simple" name="creditcard.issueNumber" cssClass="textfield" size="10"/>
				</td>
				<td width="50%" class="common-text">
					<s:text name="addCreditCard.para4"></s:text>
				</td>

			</tr>
			<tr>
				<td align="right">
					<span class="search-text"><s:text name="addCreditCard.street"></s:text> </span>
				</td>
				<td colspan="2">
					<s:textfield theme="simple" name="creditcard.street" cssClass="textfield" size="40"/>
				</td>
			</tr>

			<tr>
				<td width="25%" align="right">
					<span class="search-text"><s:text name="addCreditCard.zip"></s:text> <s:text name="addCreditCard.city"></s:text> </span>
				</td>
				<td width="25%">
					<s:textfield theme="simple" name="creditcard.zip" cssClass="textfield"/>
				</td>
				<td width="50%">
					<s:textfield theme="simple" name="creditcard.city" cssClass="textfield" size="20"/>
				</td>
			</tr>
			<tr>
				<td align="right">
					<span class="search-text"><s:text name="addCreditCard.state"></s:text> </span>
				</td>
				<td colspan="2">
					<s:textfield theme="simple" name="creditcard.state" cssClass="textfield" size="15"/>
				</td>

			</tr>
			<tr>
				<td align="right">
					<span class="search-text"><s:text name="addCreditCard.country"></s:text> </span>
				</td>
				<td colspan="2">
					<s:textfield theme="simple" name="creditcard.country" cssClass="textfield" size="20"/>
				</td>
			</tr>

		</tbody>
	</table>



	<table width="100%" cellpadding="0" cellspacing="0">
		<tbody>
			<tr>
				<td align="center">
					<table border="0" cellpadding="0" cellspacing="0">
						<tbody>
							<tr>
								<td class="btn-grey-left1"></td>

								<td class="btn-grey-middle1">
									<s:submit value="%{getText('addCreditCard.Savecreditcard')}" theme="simple" cssClass="submit-btn-common" />
								</td>
								<td class="btn-grey-right1"></td>

								<td class="btn-grey-left1"></td>
								<td class="btn-grey-middle1">
									<s:reset value="%{getText('addCreditCard.Reset')}" theme="simple" cssClass="submit-btn-common" />
								</td>

								<td class="btn-grey-right1"></td>


								<td class="btn-grey-left1"></td>
								<td class="btn-grey-middle1">

									<button type="button"
										id="addCreditCardSubmit_label_creditcard_info_cancel"
										name="label.creditcard.info.cancel" value="<s:text name="addCreditCard.Cancel"/>"
										class="submit-btn-common" onclick="history.go(-1)">
										<s:text name="addbankAccount.Cancel" />
									</button>

								</td>
								<td class="btn-grey-right1"></td>

							</tr>

						</tbody>
					</table>




				</td>
			</tr>
		</tbody>
	</table>
</s:form>
